<style lang="scss">

</style>
<template>
  <div>
    <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="30%"
      @close="close"
    >
      <span>{{ content }}</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="close">取 消</el-button>
        <el-button type="primary" :loading="loading" @click="submitData">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>

export default {
  components: {

  },
  // mixins: [emitter],
  props: {
    dialogVisible: {
      type: Boolean,
      default: false
    },
		loading: {
			type: Boolean,
      default: false
		},
		content: {
			type: String,
      default: () => '是否提交数据'
		}
  },
  data() {
    return {
    };
  },
  watch: {
    dialogVisible: {
      handler(newval, oldval) {
        this.vesivleOpen = newval;
      },
      immediate: true
    },
    loading: {
      handler(newval, oldval) {
        this.subLoading = newval;
      },
      immediate: true
    }
  },
  created() {

  },
  mounted() {

  },
  methods: {
    close() {
      this.$emit('closeSubmitModal', false);
    },
    submitData() {
      this.$emit('submitData', false);
    }
  }
};
</script>
<style>

</style>
